<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    	<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1" id="viewport" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		
		<link type="text/css" rel="stylesheet" href="../../template/css/com/com.css"/>
		<link type="text/css" rel="stylesheet" href="../../template/css/list/style.css"/>
		<link rel="stylesheet" href="../../resource/weuimin.css"/>
		<link rel="stylesheet" href="../../resource/example.css"/>
	    <link rel="stylesheet" href="../../resource/jinsuistyle.css" />
		<script src="../../template/js/jquery.js"></script>
		<script src="../../template/js/com/com.js"></script>
		<script src="../../template/js/com/template.js"></script>
		<script src="../../resource/my.js"></script>
		<script src="../../script/api.js"></script>
	    
        <style type="text/css">

        	.weui-grid{width:50%;}
        	.weui-grid-main{text-align: center;}
        	.weui-grid__icon{width:70px;height:70px;}
        	.weui-grid-main1{
	        	height: 100px;
	        	line-height:100px;
	        	text-align: center;
	        	font-size:16px;
	        	font-weight:bold;
	        	color:#f7f6f6;
	        	background: #FFFFFF url('../../resource/images/main_bg.png') no-repeat 36px 0px ;
        	}
        	.weui-grid-label{
        	height: 100px;
        	line-height:100px;
        	font-size:16px;
        	font-weight:bold;
        	color:#FFFFA9;
        	text-align: center;
        	text-shadow: #171616 0 1px 0;
        	background: #FFFFFF url('../../resource/images/menu_bg.png') no-repeat 50% 0px ;}
        	.weui-grid-label{width:100px;margin: 0 auto;}
        	.isnew{background: #FFFFFF url('../../template/images/xp4.png') no-repeat 100% 0px ;}
        	.weui-tabbar{border-top-width:0px;}
        	.weui-tabbar{background:none;position: relative !important;}
			.com-content-area{padding:0px;}
			.jq{
				background-color:#E5E5E5;
				width:90%;
				top: 0px;
				bottom: 0px;
				left: 0px;
				right: 0px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 60px;
			}
			.jq table tr td{
				
				font-size: small;
				text-align: center;
				color: #660099;
				
			}
			.jq table thead tr td{
				
				font-size: larger;
				color: #6666FF;
				padding-left: 0px;
			}
        </style>
        <!-- <script language="javascript" src="http://count26.51yes.com/click.aspx?id=268836397&logo=12" charset="gb2312"></script> -->
        <script type="text/javascript">
          window.apiready = function() {
            /* 智能调整顶部导航栏 */
            // var header = $api.byId('js-com-header-area');
            var header = $api.byId('jsheader');
            if(api.systemType=='ios'){
        			$api.fixIos7Bar(header);
        		}
//      		else{
//      			$api.fixStatusBar(header);
//      		}
       		 }
       		//进入酒店列表页面
	        function menu(num){
	        		api.openWin({
				    name: 'menu',
				    url: './hotel_reserve_home.html',
				    pageParam: {
				        
				    }
				});
	        }
		
			//进入我的订单页面
			function goBook(num){
				
				var dl_phone = $api.getStorage("dl_phone");
		if(dl_phone==null||dl_phone==''||typeof(dl_phone)==undefined||dl_phone=='undefined'){
			api.alert({
				msg:'请登录'
	        },function(ret,err){
	        	api.openWin({
		            name: '跳转登陆',
		            url: '../login.html'
		            //url:'html/jskp/jskp.html'
	            });
	        });
		
		}
			else{	api.openWin({
	                name: 'list',
	                url: './my_order.html',
	                pageParam: {
				        num:num
				   }
            	});
			}
			}
		//进入景区主菜单页面
		function toThisScenic(num){
			
				if(num==1){
					api.openWin({
		                name: 'jq_hotel',
		                url: './jq_hotel_info.html',
		                pageParam: {
					        
					    }
                	});
				}
				if(num==2){
				
	            	api.openWin({
		                name: 'jq_list',
		                url: './jq_list.html',
		                pageParam: {
					      
					    }
	            	});
			}		
		}
	</script>
    </head>
    <body>
    <div style="height: 20px;"></div>
      <div id="jsheader">
          <nav id="jsnav">
              <a id="jsleft" tapmode="" onclick="api.closeToWin({name: 'root'});">
                  <span>主页</span>
              </a>
              <div id="jsmiddle">
                  <strong id="jstitle" style="margin-right: 30px;">酒店预订</strong>
              </div>
              <a id="jsright">
                <span></span>
              </a>
          </nav>
      </div>
	<div class="com-content">

		<div class="com-header-area" id="js-com-header-area">
			<!-- <a href="" class="com-header-logo"
				style="width:100%;color:#FFFFFF;text-align:center;font-size:20px;">职场生活</a> -->
				<img src="../../image/myHote2.jpg" style="width:100%;height: 160px"/>
				<ul class="menu_ul">
					<a class="selected"><li>首  页</li></a>
					<a onclick="goBook(1);"><li>未入住订单</li></a>
					<a onclick="goBook(2);"><li>已入住订单</li></a>
				</ul>
			<dfn></dfn>
			<div class="clear"></div>
		</div>
		<div class="com-content-area all_bg" id="js-com-content-area" style="min-height:66%;padding-top:10px;">
			<ul style="margin-top: 20px;">
				
				
				<li><img src="../../image/kf.png"/>&nbsp;
					<img src="../../image/swzs.png" style="width:90%" onclick="menu(1)"/>
				</li>
				<li><img src="../../image/tj1.png"/>&nbsp;
					<img src="../../image/jqly.png" style="width:90%" onclick="toThisScenic(2)"/>
				</li>
				<li><img src="../../image/ls.png"/>&nbsp;
					<img src="../../image/tsxz.png" style="width:90%" onclick="menu(3)"/>
				</li>
			
			</ul>
		<!--<div class="jq" >
			<table style="width: 100%;height: 100px;">
				<thead>
					<tr>
						<td>景区</td>
						<td></td>
						<td></td>
					</tr>
				</thead>
				<tr>
					<td id="ems" onclick="toThisScenic('511100','511181','峨眉山景区')">峨眉山</td>
					<td id="lsdf" onclick="toThisScenic('511100',0,'乐山大佛景区')">乐山大佛</td>
					<td onclick="toThisScenic('513200','513225','九寨沟景区')">九寨沟</td>
					
				</tr>
			</table>
		</div>-->
		</div>
	
		<div class="com-footer-area footer" id="js-com-footer" style="width:100%;position: absolute;bottom: 0;">
				<img src="../../image/db.png" style="width:100%;"/>
			</div>
		
	</div>
</body>

</html>
